
//  引入定义store 的函数
import { defineStore } from 'pinia';
import { ref, reactive, computed } from 'vue';
export const useUserStore = defineStore('user', () => {
    // 定义响应式的数据 全局的数据 相当于vuex 中的state 中的数据
    const count = ref(0);
    const userinfo = reactive({
        name: "王强",
        age: 20
    })
    //  计算属性相当于vuex 的getters
    const doubleCount = computed(() => {
        return count.value * 2
    })

    // 定义actions 方法 相当于vuex中的actions
    // const addAge = () => {
    //     userinfo.age++
    // }

    // 定义一个action 方法 count++
    // function addcount() {
    //     count++
    // }

    // 该全局数据和对应的操作方法要想被页面组件中使用, 需要将该数据和方法return 出去
    return {
        count,
        userinfo,
        doubleCount,
        // addAge,
        // addcount
    }
})